<!-- 消息页 -->
<template>
	<view>
		<view class="main">
			<!-- 系统通知 start -->
			<view class="msg sys">
				<image src="../../static/icon/SystemInformation@2x.png" mode="" class="img_icon">
				</image>
				<text>系統通知</text>
				<image src="../../static/icon/ListMore.png" mode="" class="img_more"></image>
			</view>
			<!-- 系统通知 end -->
			
			<!-- 发送通知 start -->
			<view class="msg send" @click="navigatorNotice">
				<image src="../../static/icon/SendNotification@2x.png" mode="" class="img_icon">
				</image>
				<text>發送通知</text>
				<image src="../../static/icon/ListMore.png" mode="" class="img_more"></image>
			</view>
			<!-- 发送通知 end -->
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			navigatorNotice(){
				uni.navigateTo({
				    url: '/pages/notice/notice'
				});
			}
		}
	}
</script>

<style lang="scss" scoped>
	.main{
		box-shadow: 0 0 30px #dedede;
	}
	image {
		width: 60upx;
		height: 60upx;
		vertical-align: middle;
	}

	.msg {
		width: 100%;
		position: relative;
		padding: 20upx 0;
		background-color: #FFFFFF;
		margin-top: 4upx;
		border-bottom: 1px solid #f0f0f0;
		.img_icon {
			margin: 10upx 30upx;
		}
		.img_more {
			position: absolute;
			width: 40upx;
			height: 40upx;
			top: 40upx;
			right: 60upx;
		}
	}

</style>
